<?php

//Cargandor de controladores del front-end
 if (isset($controlador_cliente)) {
     $controlador_js = '<script type="text/javascript" src="' . base_url() . 'js/controllers/' . $controlador_cliente . '.js"></script>' . PHP_EOL .
             '<script>var base_url = "' . base_url() . '";</script>';
 } else {
     $controlador_js = "";
 }


 if (isset($msg)) {
     $msg = "
            <script type='text/javascript'> 
                $(document).ready(function() {
                    $.fancybox('',{
                        'autoDimensions': false,
                        'scrolling':'no',
                        'width': 350,
                        'height': 'auto',
                        'transitionIn': 'none',
                        'transitionOut': 'none'
                    });
                
                    $('a.popup_button').fancybox(    {
                        'autoDimensions': false,
                        'width': 350,
                        'height': 'auto',
                        'transitionIn': 'none',
                        'transitionOut': 'none'
                    });
                });
          </script>
         ";
 } else {
     $msg = "
            <script type='text/javascript'> 
                $(document).ready(function() {
                    $('a.popup_button').fancybox(    {
                        'autoDimensions': false,
                        'width': 350,
                        'height': 'auto',
                        'transitionIn': 'none',
                        'transitionOut': 'none'
                    });
                });
          </script>
         ";
 }

//fancy
 $msg_js = '<script type="text/javascript" src="' . base_url() . 'js/fancybox/jquery.fancybox.pack.js"></script>' . PHP_EOL;
 $msg_css = '<link rel="stylesheet" type="text/css" href="' . base_url() . 'css/fancybox/jquery.fancybox.css" media="screen" />' . PHP_EOL;


//Rutas de inclusión de JavaScript
 $interna_js = base_url() . "js/interna.js";
 $jquery_js = base_url() . "js/jquery.js";
 $jquery_ui_js = base_url() . "js/jquery-ui.min";


//Rutas de inclusión de CSS
 $internas_css = base_url() . "css/estilos-internas.css";
 $general_css = base_url() . "css/siscc-general.css";
 $jquery_ui_css = base_url() . "css/jquery-ui.css";


 $ruta_imagenes = base_url() . "imgs";



 echo <<<HEADER
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <META NAME="Keywords" CONTENT="UNAM">
            <meta name="description" content="UNAM">
                <link rel="shortcut icon" href="http://recursosweb.unam.mx/imagenes/favicon.ico">
                    
                    <script type="text/javascript" src="$jquery_js"></script>
                    <script type="text/javascript" src="$jquery_ui_js"></script>
                    <script type="text/javascript" src="$interna_js"></script>
                    $controlador_js
                    $msg_js
                    <link href="$jquery_ui_css" rel="stylesheet" type="text/css" />
                    <link href="$internas_css" rel="stylesheet" type="text/css" title="normal"/>
                    <link href="$general_css" rel="stylesheet" type="text/css" title="normal"/>
                    $msg_css
                    $msg

                    <!--[if gte IE 9]>
                        <style type="text/css">
                            .gradient {
                                filter: none;
                            }
                        </style>
                    <![endif]-->
                    <title>$titulo</title>
                    </head>
                    <body>
                        <!-- inicia contenedor que centra la página -->
                        <div class="contenedor">

                            <!-- inicia encabezado -->
                            <div class="encabezado"><a href="http://www.unam.mx"><img src="$ruta_imagenes/encabezado-unam.gif" alt="UNAM" title="UNAM" border="0"  /></a><img src="$ruta_imagenes/stock/rotate.php" width="560" height="103" /></div>
                            <!-- termina encabezado -->
                            <!-- inicia navegacion -->
                            <div class="navegacion">
                                <div class="navegacion-inicio"><a href="bienvenida"><img src="$ruta_imagenes/house.gif" alt="Ir a página principal" title="Ir a página principal" width="16" height="16" border="0"/></a></div>
                                <div class="navegacion-fecha">$fecha</div>
                                <div class="navegacion-mapa"><img src="$ruta_imagenes/sitemap_color.gif" alt="Sitemap" width="16" height="16" align="left" /><a href="mapa-sitio.html"> Mapa de sitio</a> <img src="$ruta_imagenes/help.gif" alt="Ayuda" width="16" height="16" /> <a href="#">Preguntas frecuentes </a> <img src="$ruta_imagenes/email.gif" alt="Contáctanos por e-mail" width="16" height="13" /> <a href="#"> Contacto</a></div>
                                <div class="navegacion-banderas"></div>
                                <div class="navegacion-buscador">
                                    <input type="text"  class="campo" />
                                    <input name="submit" src="$ruta_imagenes/buscar-2.gif" alt="Buscar" align="absmiddle" border="0" type="image">
                                </div>
                            </div>
                            <!-- termina navegación -->
                            <!-- inicia contenido -->
                            <div class="contenido">
                                <!-- inicia títulos imágenes  -->
                                <div class="topinterna"><img src="$ruta_imagenes/titulo-generico.jpg" alt="DGSCA" width="980" height="61" border="0" usemap="#Map2" />
                                    <map name="Map2" id="Map2">
                                        <area shape="rect" coords="50,20,370,51" href="index.php" />
                                    </map></div>
                                <!-- termina títulos imágenes  -->
HEADER
?>